.video-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 1s ease-in-out;

  &.fade-in {
    opacity: 1;
  }

  &.fade-out {
    opacity: 0;
  }

  .background-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: transparent;
    
    // 确保视频背景透明
    mix-blend-mode: screen;
    
    // 如果视频本身有背景色，可以尝试这些属性
    filter: contrast(1.2) brightness(1.1);
  }
}

// 确保视频在不同设备上都能正确显示
// @media (max-width: 768px) {
//   .video-background {
//     .background-video {
//       object-fit: cover;
//     }
//   }
// }